/* COMMON */
html,body{
margin: 0;
background-color: #eeeeee;
background-image:url('../../images/vow-background.jpg');
background-repeat:no-repeat;
text-align: center;
font-family:verdana;
font-size:11px;

}

p{padding:1px;margin:1px;}

.imageLink{
border-style:none;
}

.pageTitle{
	color: #696969;
	font-size:25px;
}

#pageSubTitle{
	color: #696969;
	font-size:18px;
}


a:link {color: #BC171D;text-decoration:none}/* unvisited link */
a:visited {color: #BC171D;text-decoration:none}  /* visited link */
a:hover {color: #8E1114}   /* mouse over link */
a:active {color: #BC171D;text-decoration:none}   /* selected link */ 

/* 1 size smaller links*/
a.smaller:link {color: #BC171D;text-decoration:none;font-size:11px;}/* unvisited link */
a.smaller:visited {color: #BC171D;text-decoration:none;font-size:11px;}  /* visited link */
a.smaller:hover {color: #8E1114;font-size:11px;}   /* mouse over link */
a.smaller:active {color: #BC171D;text-decoration:none;font-size:11px;}   /* selected link */ 


/*Black links used for left menu (accordion)*/
a.black:link {color: #000000;	text-decoration: none;}/* unvisited link */
a.black:visited {color: #000000;text-decoration:none}  /* visited link */
a.black:hover {color: #BC171D}   /* mouse over link */
a.black:active {color: #000000;text-decoration:none}   /* selected link */ 

/* Black and Bold links*/
a.black_bold:link {	color: #000000;	text-decoration: none;font-weight:bold;}/* unvisited link */
a.black_bold:visited {color: #000000;text-decoration:none;font-weight:bold;}  /* visited link */
a.black_bold:hover {color: #BC171D;font-weight:bold;}   /* mouse over link */
a.black_bold:active {color: #000000;text-decoration:none;font-weight:bold;}   /* selected link */ 



/*Table hover class*/
tr.row_hover:hover{	background-color: #F8F8F8;	a: hover: #F8F8F8;}

/* Non Jumping menu setting */
.toggler{background-image:url('http://www.voweurope.com/images/mainPanel.jpg');font-size:11px;}


/* SITE CONTAINERS */
#site_container{
width: 938px;
margin: auto;
background-image: url('http://www.voweurope.com/images/site_middle.jpg');
background-repeat: repeat-y;
text-align: left;
background-color:white;

}
.site_top{
height: 29px;
background-image: url('http://www.voweurope.com/images/site_top.jpg');
background-repeat: no-repeat;
}
.site_bottom{
height: 78px;
background-image: url('http://www.voweurope.com/images/site_bottom.jpg');
background-repeat: no-repeat;
}

/* LEFT COLUMN */
#left_column{
display: table-cell;
float: left;
position:relative;
width: 195px;
margin-left: 7px; /* to put left_column in line with the page's white space - to cater for the gradient */
}

/* LEFT COLUMN LOGO ONLY */
#left_column_logo{
display: table-cell;
float: left;
position:relative;
width: 195px;
height:33px;
margin-left: 7px; /* to put left_column in line with the page's white space - to cater for the gradient */
}


/*  MIDDLE COLUMN */
#middle_column{
display: table-cell;
float: left;
width: 519px; /* site container width, minus width of left_column and right_column, minus the margin-left and margin-right used to push the columns into the white-space: 938 - 200 - 200 - 7 - 6 = 525 - the reason the width is on the middle column is 6 pixels less (519px) is because i've allowed for a 1px red border to display around each column, which makes up the 6 pixles (2px worth of border on each column - 1px per side)  */
}

/* --------MIDDLE SUB COLUMNS ------*/
#middle_top_spacer{
	height:64px;
	width:516px
}
#message{
	width:520px;
background-image:url('http://www.voweurope.com/images/messaging/newMessagePane.jpg');
height:40px;
background-repeat: no-repeat;
}



/*  RIGHT COLUMN */
#right_column{
display: table-cell;
float: right;
position:relative;
width: 200px;
text-align:right;
margin-right: 6px; /* to put right_column in line with the page's white space - to cater for the gradient */
}


/* CLASS FOR TWO COLUMN LAYOUT (MIDDLE AND RIGHT COLUMN COMBINED) */
#two_column{
display: table-cell;
float: left;
width: 719px;
margin-left:4px;
}
/* CLASS FOR TWO COLUMN CONTAINER (to even spacing between the menu and the right hand side of the page) */
#two_column_container{
margin-left:15px;
margin-right:17px;	
}

/* CLASS FOR SINGLE COLUMN LAYOUT (LEFT, MIDDLE AND RIGHT COLUMN COMBINED) */
#single_column{
display: table-cell;
float: left;
width: 934px;
margin-left:4px;	
}

#single_column_container{
margin-left:15px;
margin-right:17px;	
}


/* GENERAL DIV SPACERS */
#spacer{
	height:13px
}

#spacer16{
	height:16px
}

#logo_spacer{
	height:61px;
	
}


/* COLUMNS - SHOW COLUMN BORDERS 
#left_column,#middle_column,#right_column{
border: 1px solid red;
}*/
/* --------LEFT SUB COLUMNS (Requires 13px left margin)------*/
/*  - ACCORDIAN STYLES */
#accordion{
width: 173px; /* red headings are 174px wide */
margin-left: 13px; /* left_column is 200px wide, minus 174px for accordian, leaves 26px.  Half of that is 13px to push the accordian block into the middle of left_column */
}
.toggler{
cursor:pointer;
font-weight:bold;
color:#000; 
margin: 0px; 
padding:1px; 
font-size:11px;
}   
/*.toggler:hover{
background:#eee;*/
}
.element{
padding: 1px;
margin: 1px;
cursor:pointer;
font-size:11px;
background: #EEEEEE;
} 
/*  - END ACCORDION STYLES*/


#search{
	margin-left: 13px;
	background-image:url('http://www.voweurope.com/images/search.jpg');
background-repeat: no-repeat;
height:104px;

}

/*--------BEGIN Search sub divs */
#search_form{
	position:relative;
	height:20px;
	top:48px;
	left:10px;
}
#search_advanced{
	position:relative;
	height:20px;
	top:59px;
	left:10px;
}

/*--------END Search sub divs */
#events{
	margin-left: 10px;
}

/* --------BEGIN Events Sub Divs ------*/
#events_top{

height:33px;
background-image:url('http://www.voweurope.com/images/events_top.jpg');
background-repeat: no-repeat;

}

#events_container{

background-image: url('http://www.voweurope.com/images/events_expander.jpg');
background-repeat: repeat-y;
text-align:left;

}

#events_bottom{
background-image: url('http://www.voweurope.com/images/events_bottom.jpg');
background-repeat: no-repeat;
height:6px;

}

#events_middle{
position:relative;
right: -11px;

}
/* --------BEGIN Calendar Styles ------*/
.title{
	
	color: black;
	text-align: center;
	font-size:11pt;
}
.weekDay{
	width:30px;
	
	font-size:8pt;
	color:black;
	text-align:center;
	width:23px;
}

.numbers{
	
	color: #424645;
	text-align: center;
	font-size:10pt;
	height:20px;
}

/* --------END Calendar Styles ------*/


/* --------END Events  Sub Divs ------*/





#downloads{
	margin-left: 10px;
}
/* --------BEGIN Downloads Sub Divs ------*/
#downloads_top{
height:31px;
background-image:url('http://www.voweurope.com/images/downloads_top.jpg');
background-repeat: no-repeat;
}
#downloads_container{
background-image: url('http://www.voweurope.com/images/downloads_expander.jpg');
background-repeat: repeat-y;
text-align:left;
width:179px;
}

#downloads_bottom{
background-image: url('http://www.voweurope.com/images/downloads_bottom.jpg');
background-repeat: no-repeat;
height:7px;
}
#downloads_middle{
position:relative;
right: -11px;
width:168px;
}


/* --------END Downloads  Sub Divs ------*/






#logo{
	margin-left: 13px;
	height:64px;
}



/* --------END LEFT SUB COLUMNS---------*/




/* --------Begin Message  Sub Divs ------*/

#new_messages_text{
	position:relative;
	height:20px;
	top:3px;
	left:38px;

}
#new_message_title{
	font-weight:bold;
	font-size:15px;
}

/* --------End Message  Sub Divs ------*/
#adStore{
	height:295px;
	/*background-image:url('http://www.voweurope.com/images/adStore_template.jpg');
	background-repeat: no-repeat;*/


}

#wrapide{
background-image:url('http://www.voweurope.com/images/trackandtrace.jpg');
background-repeat: no-repeat;

height:80px
}

/*--------BEGIN Wrapide sub divs */
#wrapide_form{
	position:relative;
	height:20px;
	top:35px;
	left:73px;
}

#wrapide_yesterday{
	position:relative;
	height:30px;
	top:0px;
	left:365px;
}
#wrapide_advanced{
	position:relative;
	height:20px;
	top:12px;
	left:73px;
}


/*--------END Wrapide sub divs */

#offers{

}


/* --------END SUB COLUMNS ------*/

/* --------RIGHT SUB COLUMNS ------*/
#user_details{
margin-right: 13px;
height:64px;

}
/* -------- BEGIN user_details Sub divs ------*/
#user_details_name{
	color:#BC171D;
}

/* --------END user_details Sub divs ------*/
#contact_us_user2{
margin-right: 8px;
height:141px;
background-image:url('http://www.voweurope.com/images/contact_us_user1.jpg');
background-repeat: no-repeat;
}

#contact_us_location{
	font-weight:bold
}

#contact_us_no_acc_manager{
margin-right: 8px;
height:141px;
background-image:url('http://www.voweurope.com/images/contact_us_no_account.jpg');
background-repeat: no-repeat;	
}



#contact_us_head_office{
margin-right: 8px;
height:141px;
background-image:url('http://www.voweurope.com/images/contact_us_head_office.jpg');
background-repeat: no-repeat;
}


/* --------BEGIN Contact Us Sub Divs ------*/


#acc_manager{
position:relative;
top:75px;
right:-12px;
text-align:left;
font-size:15px;
font-weight:700

}

#tele{
position:relative;
top:75px;
right:-20px;
text-align:left;
font-size:17px;
}
#tele2{
position:relative;
top:75px;
right:-20px;
text-align:left;
font-size:17px;
}

#mob{
position:relative;
top:70px;
right:-20px;
text-align:left;
font-size:17px;
}
#mob_lbl{
position:relative;
top:74px;
right:-12px;
text-align:left;
font-size:11px;
}
#tel_lbl{
position:relative;
top:79px;
right:-12px;
text-align:left;
font-size:11px;
}



/* --------END Contact Us Sub Divs ------*/
#visit_store{
	margin-right: 8px;	
}

/* --------BEGIN News Sub Divs ------*/

/* News Headline links*/
a.news_headline:link {	color: #333333;	text-decoration: none;font-weight:bolder;}/* unvisited link */
a.news_headline:visited {color: #333333;text-decoration:none;font-weight:bolder;}  /* visited link */
a.news_headline:hover {color: #8E1114;font-weight:bolder;}   /* mouse over link */
a.news_headline:active {color: #333333;text-decoration:none;font-weight:bolder;}   /* selected link */ 

#news_summary{
color: #333333;
font-size:11px
	
}
#news_top{
margin-right: 8px;
height:12px;
background-image:url('http://www.voweurope.com/images/news_top.jpg');
background-repeat: no-repeat;
}

#news_container{
margin-right: 8px;
background-image: url('http://www.voweurope.com/images/news_middle.jpg');
background-repeat: repeat-y;
text-align:left;

}

#news_bottom{
background-image: url('http://www.voweurope.com/images/news_bottom.jpg');
background-repeat: no-repeat;
height:4px;
margin-right: 8px;
}

#news_middle{
position:relative;
right: -11px;
}

#news_title{
font-size:12pt;	
}

/* --------END News  Sub Divs ------*/

/* --------END RIGHT SUB COLUMNS ------*/


/* --------BEGIN TWO COLUMN LAYOUT SUB DIVS (MIDDLE AND RIGHT COLUMN COMBINED)---------- */


/* --------END TWO COLUMN LAYOUT SUB DIVS (MIDDLE AND RIGHT COLUMN COMBINED)---------- */


/* Subsection Tabs
--------------------*/
.subsection_tabs {
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	border-bottom:1px solid #ccc;
	height:20px;
	clear:both;
}

.subsection_tabs li {
	float:left;
	margin-right:7px;
	text-align:center;
	
}

.subsection_tabs li a {
	display:block;
	height:20px;
	padding:0 6px 0 6px;
	background-color:#fff;
	color:#666;
	width:100px;
}

.subsection_tabs li a:hover {
	color:#666;
}

.subsection_tabs li a.active {
	background-color:#ddd;
}

.register_tabs {
	border-bottom:none;
}

.register_tabs li a.active {
	background-color:#6d7a81;
	color:#fff;
}